import styled from 'styled-components'

const BannerStyleComp = styled.div`
    position:relative;
    width:7.5rem;
    height:7.5rem;
    margin:0 auto;
    .img{
        width:7.5rem;
        height:7.5rem;
    }

    .back{
        position:absolute;
        left:.3rem;
        top:.3rem;
        z-index:10000;
        font-size:.6rem;
    }

    .hide{
        position:absolute;
        right:.3rem;
        top:.3rem;
        z-index:10000;
        font-size:.6rem;
    }

    .show{
        position:absolute;
        right:.3rem;
        top:.9rem;
        z-index:10000;
        font-size:.32rem;
        ul{
            display:flex;
            width:2rem;
            height:2rem;
            flex-direction:column;
            background-color:#666;
            justify-content:space-around;
            a{
                color:white;
            }
        }
    }
`

export default BannerStyleComp